<!DOCTYPE html>
<!-- saved from url=(0037)http://5a8fa9a355aa9.t73.qifeiye.com/ -->
<html class="bit-html mobile-false js_active  vc_mobile  vc_transform  vc_transform  iphorm-js csstransforms csstransforms3d csstransitions no-touch"
      dir="ltr" lang="zh-CN">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>资料报道</title>
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
    <script src="/js/vue.js"></script>
    <script src="/js/vue-resource1.5.1"></script>
    <link type="text/css" rel="stylesheet" href="style/style.css">
    <script>
        $(document).ready(function () {

        });
    </script>

</head>
<body>
<div id="app">
    <!--添>
    <!--头部-->
    <header>
        <div class="logo fleft"><img src="images/logo.png"/> 中移入职管理系统</div>
        <div class="nav fleft ulli">
            <ul>
                <li><a href="index.html">首页</a></li>
                <li><a href="report.html">资料报到</a></li>
                <li><a href="input.html">信息录入</a></li>
                <li><a href="articles.html">办公用品</a></li>
                <li><a href="site.html">办公站点</a></li>
                <li><a href="software.html">软件支持</a></li>
                <li><a href="password.html">系统设置</a></li>
                <li><a href="#">二维码</a></li>
            </ul>
        </div>
        <div class="search fleft"><input class="search-keyword" placeholder="搜索"></div>
        <div class="admin fleft"><img src="images/person.png"/> admin <a href="#"><img src="images/sanjx.png"/></a>
        </div>
    </header>
    <!--头部-->

    <!--中间-->
    <div class="middle">
        <div class="middle-left fleft">
            <ul>
                <li>快捷导出</li>
                <li><a href="entry.html">入职列表</a></li>
                <li><a href="pay.html">薪酬信息</a></li>
                <li><a href="education.html">学历学位</a></li>
                <li><a href="number.html">账号信息</a></li>
            </ul>
        </div>
        <div class="middle-right fright ulli">
            <div class="report-add">
                <ul>
                    <li><a href="JavaScript:" class="opoenz">✚新增账号</a></li>
                    <li><a href="#">回收站</a></li>
                </ul>
            </div>
            <div class="entry">
                <div class="entry-body">
                    <table>
                        <tbody>
                        <tr valign="top">
                            <td>编号</td>
                            <td>姓名</td>
                            <td>工号</td>
                            <td>部门</td>
                            <td>职务</td>
                            <td>手机号</td>
                            <td>短号</td>
                            <td>登陆账号</td>
                            <td>初始密码</td>
                            <td>互联网邮箱</td>
                            <td>操作</td>
                        </tr>
                        <tr valign="top" v-for="emp in emps">
                            <td>1</td>
                            <td>{{emp.employeeName}}</td>
                            <td>{{emp.employeeId}}</td>
                            <td>{{emp.department}}</td>
                            <td>{{emp.post}}</td>
                            <td>{{emp.mobilePhone}}</td>
                            <td>{{emp.cornopean}}</td>
                            <td>{{emp.username}}</td>
                            <td>{{emp.password}}</td>
                            <td>{{emp.email}}</td>
                            <td><a href="#" class="bj">报到完成</a> <a href="#" class="bj opoenz">编辑</a> <a href="#"
                                                                                                        class="sc">删除</a>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="paglist ulli">
                <ul>
                    <li><a href="#"><<</a></li>
                    <li><a href="#"><</a></li>
                    <li><a href="#">1</a></li>
                    <li><a href="#">2</a></li>
                    <li><a href="#">3</a></li>
                    <li><a href="#">4</a></li>
                    <li><a href="#">></a></li>
                    <li><a href="#">>></a></li>
                </ul>
            </div>
            <div class="foot">Copyright © 中移（成都）产业研究院</div>
        </div>
    </div>
    <!--中间-->

    <script>
        $(document).ready(function () {
            $(".mengceng").hide();
            $(".opoen").click(function () {
                $(".mengceng").show();
            })
            $(".close").click(function () {
                $(".mengceng").hide();
            })

            $(".mengcengz").hide();
            $(".opoenz").click(function () {
                $(".mengcengz").show();
            })
            $(".closez").click(function () {
                $(".mengcengz").hide();
            })
        });
    </script>


    <!--蒙层-->
    <!--<div class="mengceng">-->
    <!--<div class="all-table">-->
    <!--<div class="table-title"><strong>■</strong> 详细档案——张小明 <span class="close"><a href="JavaScript:">✖</a></span></div>-->
    <!--<div class="table-body">-->
    <!--<iframe src="detailed.html" width="100%" height="100%" scrolling="auto" frameborder="0"></iframe>-->
    <!--</div>-->
    <!--</div>-->
    <!--</div>-->
    <!--蒙层-->
    <!--添加账号-->
    <div class="mengcengz">
        <div class="all-tablez">
            <div class="table-title"><strong>■</strong> 添加/修改账号 <span class="closez"><a href="JavaScript:">✖</a></span>
            </div>
            <div class="table-body">
                <iframe src="add.html" width="100%" height="100%" scrolling="auto" frameborder="0"></iframe>
            </div>
        </div>
    </div>

    <!--添加账号-->

    <script>
        new Vue({
            el: '#app',
            data: {
                message: "第一个",
                test: "德勇",
                emps: [
                    {
                        no: 1,
                        employeeName: "张大明",
                        employeeId: "032600001",
                        department: "综合部",
                        post: "部门经理",
                        mobilePhone: "13890376829",
                        cornopean: "0932749",
                        username: "zhongyi0293",
                        password: "123456",
                        email: "123456@qq.com",
                        id: 1
                    }
                ]
            },
            created: function () {
                this.getEmps();
            },
            methods: {
                getEmps: function () {
                    //发送get请求
                    this.$http.get('/employee').then(function (res) {
                        this.emps = res.body;
                        console.log(res.body);
                    }, function () {
                        console.log('请求失败处理');
                    });
                }
            }
        });
    </script>
</div>
</body>
</html>